import React, { Component } from 'react';
import { Text, Button } from 'react-native';
import PropTypes from 'prop-types';
import { SafeAreaView } from 'react-navigation';

import BaseStyle from '../constants/Style';

export default class RegistScreen extends Component {
  static propTypes = {
    navigation: PropTypes.object,
  };

  render() {
    const {
      navigation: { navigate },
    } = this.props;
    return (
      <SafeAreaView style={BaseStyle.flex}>
        <Text>register!</Text>
        <Button
          title="Go to Details"
          onPress={() => navigate('Details', { user: 'Lucy' })}
        />
      </SafeAreaView>
    );
  }
}
